<template>
  <div class="workbench">
    <div class="work_item">
      <h1>我的</h1>
      <div class="tool" @click="goUrl">
        <img src="@/assets/images/icon10.jpg" alt="" class="icon">
        <p class="name">CadreCrm</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  methods:{
    goUrl() {
      window.open('https://www.cadrecrm.com')
    }
  }
}
</script>

<style lang='stylus' scoped>
  .workbench
    width: 100%
    height: 100%
    padding 40px
    box-sizing border-box
    .work_item
      border 1px solid #eee
      border-radius: 6px
      padding 20px
    h1
      font-size 14px
      color #666
      margin-bottom: 20px
    .tool
      width: 80px
      text-align: center
      cursor pointer
      .icon
        width: 60px
        height: 60px
      .name
        font-size 12px
        text-align: center
</style>